
.my-actions {
  .actions-modal-group {
    margin: 0;
    background: @white;
    border-radius: 0;
  }
  .actions-modal-text {
    .flexbox();
    flex-direction: column;
    .justify-content(center);
    .align-items(center);
    padding-top: (15/@font-size-base)*1rem;
    padding-bottom: (15/@font-size-base)*1rem;
    font-size: (14/@font-size-base)*1rem;
    color: #5C5767;
  }
  .actions-modal-button {
    position: relative;
    box-sizing: border-box;
    padding: (10/@font-size-base)*1rem (15/@font-size-base)*1rem;
    .button {
      height: (40/@font-size-base)*1rem;
      line-height: (40/@font-size-base)*1rem;
      color: #fff;
      background: #CBCBCB;
      border-color: transparent;
      &.color-orange {
        background: #FFA42F;
      }
    }
  }
}

.my-picker-model {
  .picker-modal-inner {
    position: relative;
    background: @white;
    .hairline(top, #ddd);
  }

  .price-box {
    height: 150px;

    .price-item {
      float: left;
      display: inline-block;
      vertical-align: middle;
      width: (111.666/@font-size-base)*1rem;
      margin-left: (10/@font-size-base)*1rem;
      margin-top: (10/@font-size-base)*1rem;
      line-height: 20px;
      box-sizing: border-box;
      border: 1px solid #FFA42F;
      font-size: 12px;
      padding: 5px 10px;
      color: #FFA42F;
      &.active {
        background: #FFA42F;
        color: @white;
      }
    }
  }
  .button-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: (15/@font-size-base)*1rem;
    padding-right: (15/@font-size-base)*1rem;
    .hairline(top, #ddd);
    .button {
      height: 40px;
      line-height: 40px;
    }
  }
}